<?php 
echo $javascript->link('jquery');
echo $javascript->link('lightbox/jquery.lightbox-0.5');
echo $html->css('../js/lightbox/css/jquery.lightbox-0.5');
?>
<script type="text/javascript">
$(function() {  
    $('a.lightbox').lightBox({  
    	imageLoading: '<?php echo $this->webroot.'js/lightbox/'?>images/loading.gif',
    	imageBtnClose: '<?php echo $this->webroot.'js/lightbox/'?>images/close.gif',
    	imageBtnPrev: '<?php echo $this->webroot.'js/lightbox/'?>images/prev.gif',
    	imageBtnNext: '<?php echo $this->webroot.'js/lightbox/'?>images/next.gif',
    	imageBlank: '<?php echo $this->webroot.'js/lightbox/'?>images/blank.gif'
       }); // Select all links with lightbox class
});


</script>

				
					
					<div class="content2">
						<div class="hmodule" style="float:none;width:100%;">
							<div id="title-overlay-template">
								<div id="border-overlay">
									<div id="border-overlay2">
										<div id="content2" style="height:500px">
											<?php if(!empty($data)){
													foreach($data as $k=>$v){
														
														$image='';
								        				if(!empty($v[$uses[0]]['image']))$imagedata=json_decode($v[$uses[0]]['image']);
								        				if(isset($imagedata->FileUpload) && count($imagedata->FileUpload)>0){
								        					$image=$imagedata->FileUpload[0][1];
												?>
											<div class="website-template"><a title="<?php echo $v['Template']['image']?>" class="lightbox" href="<?php echo $this->webroot.'uploaded/image/large/'.$image?>"><img id="website-template" src="<?php echo $this->webroot.'uploaded/image/thumb/'.$image?>" /></a></div>
											<?php }}}?>
										</div>
									</div>
								</div>
							</div>
						</div>				
									
						<div class="clearBoth"></div>
					</div>
					
